<template>
  <div>
    <!-- 目标： 了解v-model语法糖 : 简洁的语法 -->
    <!-- v-model二合一： v-bind:value  v-on:input -->
    <input type="text" v-model="msg" />

    <hr />

    <input type="text" :value="msg" @input="fn" />
  </div>
</template>

<script>
export default {
  methods: {
    fn(e) {
      this.msg = e.target.value;
    },
  },
  data() {
    return {
      msg: "hello Vue2",
    };
  },
};
</script>

<style></style>
